<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>品牌加盟</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
  <div class="app-wrap" v-cloak id="brand_join_list">
    <header-top></header-top>
    <header-search-global type="首页"></header-search-global>
    <common-top-nav></common-top-nav>
    <div class="bg-gray">
      <div class="container userCenter clear">
        <leftnav></leftnav>
        <div class="user-content">
          <ul class="tabs">
            <li class="li-tab" v-for="(item,index) in brandJoinParam" @click="toggleTabs(index)" :class="{active:index!=nowIndex}">
              <span :class="{borderRight_none:index == 0}">{{item}}</span>
            </li>
          </ul>
          <div class="divTab join_divTab" v-show="nowIndex===0">
            <form action="#">
              <div class="brandJoin_input">
                <input type="text" placeholder="动态名称" v-model="searchContent">
              </div>
              <button class="brandJoin_btn" placeholder="" type="button" @click="brandJoinData">搜索</button>
            </form>
            <table class="brandTable brandJoinTable">
              <thead>
                <tr>
                  <td>联系人</td>
                  <td>称呼</td>
                  <td>联系人类型</td>
                  <td>联系手机</td>
                  <td>加盟品牌</td>
                  <td>是否加盟过其他品牌</td>
                  <td>所在地区</td>
                  <td>申请时间</td>
                  <td>操作</td>
                </tr>
              </thead>
              <tbody>
                <tr v-for="(item,index) in brandJoinTable">
                  <td>{{item.contacts}}</td>
                  <td>{{item.sex==0?'女':'男'}}</td>
                  <td>{{item.type}}</td>
                  <td>{{item.phone}}</td>
                  <td>{{item.brandName}}</td>
                  <td>{{item.status==0?'否':'是'}}</td>
                  <td>{{item.provinceName+'/'+item.cityName+'/'+item.areaName}}</td>
                  <td>{{item.createTime}}</td>
                  <td>
                    <div class="brandTable_btn">
                     <a :href="'Join_details.html?'+item.id">查看</a>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
            <common-page :current="1" :all="total" @btn-click="listen"></common-page>
          </div>
        </div>
      </div>
    </div>
    <common-footer></common-footer>
  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
      brandJoinCenter();
  </script>
</body>

</html>